<template>
	<view class="page-index" v-show="system">
		<view v-for="(item,index) in system" :key="index">
			<view class="time">
				{{item.create_time}}
			</view>
			<view class="system-box">
				{{item.txt}}
			</view>
		</view>
	</view>

</template>

<script>
	import * as news from '@/api/news.js'
	export default {
		data() {
			return {
				system: ''
			}
		},
		onLoad() {
			this.get_system()
		},
		methods: {
			get_system() {
				news.get_system({
					unread: 1
				}).then(res => {
					this.system = res.data.data
				})
			}
		},

	}
</script>

<style scoped lang="scss">
	.page-index {
		padding: 0rpx 47rpx;

		.time {
			margin-top: 36rpx;
			text-align: center;
			border-radius: 25rpx;
			padding: 8rpx 20rpx;
			font-size: 24rpx;
			font-weight: 500;
			color: #657075;
		}

		.system-box {
			padding: 27rpx 33rpx;
			background: #ffffff;
			border-radius: 20rpx;
			font-size: 30rpx;
			font-weight: 400;
			color: #666666;
		}
	}
</style>
})
},
}
}
</script>

<style scoped lang="scss">
	.page-index {
		padding: 0rpx 47rpx;

		.time {
			margin-top: 36rpx;
			text-align: center;
			border-radius: 25rpx;
			padding: 8rpx 20rpx;
			font-size: 24rpx;
			font-weight: 500;
			color: #657075;
		}

		.system-box {
			padding: 27rpx 33rpx;
			background: #ffffff;
			border-radius: 20rpx;
			font-size: 30rpx;
			font-weight: 400;
			color: #666666;
		}
	}
</style>
